<!doctype html>
<html>
<head>
<link href="../css/css.css" rel="stylesheet" type="text/css"  />
<link href="../css/base.css" rel="stylesheet" type="text/css"  />
<script src="../js/jquery-1.11.1.min.js"></script>

<script src="../js/unslider.min.js"></script>
<meta charset="utf-8">
<title>厂房设置</title>
</head>

<body>
<div class="bg_000 none"></div>
<div class="cont_1200">
<!--导航开始-->
	<!--头部导航-->
    <div class="header">
    	<img class="wid_100 header_img" src="../images/bg_header.png">
        <div class="header_nav">
        	<a href="index.html"><p><img src="../images/header_index.png"></p></a>
            <a href="about.html"><p><img class="mt4" src="../images/header_about.png"></p></a>
            <a href="setup.html"><p><img class="mt10" src="../images/header_chang.png"></p></a>
            <a href="porduct.html"><p><img class="mt6" src="../images/header_portant.png"></p></a>
           	<a href="honor.html"><p><img src="../images/header_good.png"></p></a>
            <a href="content.html"><p><img src="../images/header_content.png"></p></a>
            <div class="clearfix"></div>
        </div>
    </div>
    <!--头部导航-->
    <!--左侧导航-->
    <div class="left_nav">
    	<a href="#"><p>可洗水彩笔</p></a>
        <a href="#"><p>印章水彩笔</p></a>
        <a href="#"><p>魔幻喷画笔</p></a>
        <a href="#"><p>绘画水彩笔</p></a>
    </div>
    <!--左侧导航-->
<!--导航结束-->
<!--内容开始-->
		<div class="set_up">
        	<div class="setup_div">
            	<img data="setupimg1" src="../images/setup_img.jpg">
                <img data="setupimg2" src="../images/setup_img.jpg">
                <img data="setupimg3" src="../images/setup_img.jpg">
                <img data="setupimg4" src="../images/setup_img.jpg">
                <img data="setupimg5" src="../images/setup_img.jpg">
                <img data="setupimg6" src="../images/setup_img.jpg">
                <img data="setupimg7" src="../images/setup_img.jpg">
                <img data="setupimg8" src="../images/setup_img.jpg">
                <img data="setupimg9" src="../images/setup_img.jpg">
                <img data="setupimg10" src="../images/setup_img.jpg">
                <img data="setupimg11" src="../images/setup_img.jpg">
                <img data="setupimg12" src="../images/setup_img.jpg">
                <img data="setupimg13" src="../images/setup_img.jpg">
                <img data="setupimg14" src="../images/setup_img.jpg">
                <img data="setupimg15" src="../images/setup_img.jpg">
                <img data="setupimg16" src="../images/setup_img.jpg">
                <div class="clearfix"></div>
            </div>
        </div>
<!--内容结束-->
</div>
<!--弹窗开始-->
<div class="windows">
	<img id="setupimg1" class="none" src="../images/setup_img.jpg">
    <img id="setupimg2" class="none" src="../images/setup_img.jpg">
    <img id="setupimg3" class="none" src="../images/setup_img.jpg">
    <img id="setupimg4" class="none" src="../images/setup_img.jpg">
    <img id="setupimg5" class="none" src="../images/setup_img.jpg">
</div>
<div class="close none">
	<img class="close_img1" src="../images/colse.png">
    <img class="none close_img2" src="../images/close1.png">
</div>
<!--弹窗开始-->
<script>
var height=document.body.clientHeight ;
console.log(height)
$(".bg_000").css("height",height);
$(".close").click(function(){
	$(".bg_000").hide();
	$(".windows img").hide();
	$(".close").hide();
});
$(".setup_div img").click(function(){
	var  imgid = $(this).attr("data");
	$("#"+imgid).css("display","block");
	$(".bg_000").show();
	$(".windows").show();
	$(".close").show();
})
</script>
<!--页脚开始-->
	<div class="footer">
    	<p>Copyright © 2013-2014 千翼网络信息科技有限公司 Allrights Reserved</p>
        <p>地址:辽宁省沈阳市大东区小东路421号 电话：0577－8888888 传真：0577－888888888</p>
        <p class="quyum">技术支持：<a href="www.quyum.com">千翼网络信息科技有限公司</a></p>
        <img class="wid_100" src="../images/footer.png">
    </div>
<!--页脚结束-->
</body>
</html>
